<%@ page contentType="text/html;charset=UTF-8" %>
<%@include file="/WEB-INF/views/include/taglib.jsp" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <%@include file="/WEB-INF/views/include/top.jsp" %>
    <title>用户管理</title>
    <style>
        .panel-body {
            max-height: 350px;
            overflow-y: auto;
        }
        
.dis-search{width: 100%;font-size: 12px !important;}
.dis-search-input{line-height:2 !important;font-size: 12px !important;float: left;width: 200px;height: 35px;margin-top: 1px;border: 1px solid #e0e0e0;font-size: 12px;padding-top: 4px;padding-left: 12px;}
.dis-search-text{font-size: 14px !important; float: left; height: 35px; line-height: 35px; margin-left: 20px;}
.dis-search-select{font-size: 12px !important; float: left; height: 30px; line-height: 30px; margin-top: 3px; margin-left: 20px;}
.dis-search-select select{ height: 25px; line-height: 25px; width: 100px;}
.dis-search-input-btn{cursor:pointer;font-size: 14px !important;float: left;width: 80px;height: 35px;line-height:35px;border: 1px solid #e0e0e0;margin-left: 20px;text-align: center;border-radius: 5px;}
.add-on{background-color: #EDA100; color: #FFFFFF;}
.clear-on{background-color: #FFFFFF; color: #888;}
.dis-search-tip{display: inline-block;color: #888;line-height: 2;padding: 6px 28px;}

    </style>
</head>
<body>
<div class="rightBody">
    <div class="SetUpBody">
        <div class="index-common-title bottom-title">
            <div class="index-common-title-left bottom-left"></div>
            <div class="index-common-title-text bottom-text">类别</div>
        </div>

<!--         <div class="col-sm-12 ct-line-col conditionBtnListBody" id="searchBox"> -->
<!--             <div class="dis-search"> -->
<!--                 <input class="dis-search-input btn-margin" id="searchNameTxt" type="text" -->
<!--                        placeholder="输入类别" style="float: left;"> -->
<!--                 <div class="add-on dis-search-input-btn" id="searchBtnId">搜索</div> -->
<!--                 <div class="clear-on dis-search-input-btn" id="clearBtnId">清除</div> -->
<!--             </div> -->
<!--         </div> -->
        <div class=" bottom-div2 clearfix">
            <div class="col-sm-12 ct-col1">
                <table id="grid-table"></table>
                <div id="grid-pager"></div>
            </div>
        </div>
        
        <div style="margin-bottom: 20px"></div>
        
        
      	<div class="index-common-title bottom-title">
            <div class="index-common-title-left bottom-left"></div>
            <div class="index-common-title-text bottom-text">品牌</div>
        </div>
        <div class="col-sm-12 ct-line-col conditionBtnListBody" id="searchBox2">
            <div class="dis-search">
                <input class="dis-search-input btn-margin" id="searchNameTxt2" type="text"
                       placeholder="输入品牌" style="float: left;">
                <div class="add-on dis-search-input-btn" id="searchBtnId2">搜索</div>
                <div class="clear-on dis-search-input-btn" style="display: none;" id="addBtnId2">新增</div>
                <div class="clear-on dis-search-input-btn" id="delBtnId2">删除</div>
<!--                 <div class="clear-on dis-search-input-btn" id="clearBtnId2">清除</div> -->
            </div>
        </div>
        <div class="bottom-div2 clearfix">
            <div class="col-sm-12 ct-col1">
            <div id="brandGridDiv">
                <table id="brandGrid"></table>
                <div id="brandGridPager"></div>
            </div>
            </div>
        </div>
    </div>
</div>

<!-- 功能操作(Modal) -->
<div class="modal fade" id="updateModal" tabindex="-1" role="dialog"
	 aria-labelledby="itemModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<form id="itemFrom" name="itemFrom" class="form-horizontal" action="${ctx}/sys/updateDtoById" method="post">
			<input type="hidden" name="classifyId" id="modalClassifyId" />
			<input type="hidden" name="brandId" id="modalBrandId" />
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">×</button>
					<h3 class="modal-title" id="itemModalLabel"><div>类别</div></h3>
				</div>
				<div class="modal-body">
					<div class="form-group">
						<label class="col-sm-2 control-label">名称</label>
						<div class="col-sm-10">
							<input type="text" id="modalName"  name="name" class="form-control" placeholder="请输入操作说明" />
						</div>
					</div>
					<div class="form-group" id="isPublicGroup">
						<label class="col-sm-2 control-label">是否发布</label>
						<div class="col-sm-10">
							<div class="radio-inline">
								<label>
									<input name="hasPublic" id="modalhP1" type="radio" value="1" class="ace" >
									<span class="lbl">是</span>
								</label>
							</div>
							<div class="radio-inline">
								<label>
									<input name="hasPublic" id="modalhP2" type="radio" value="0" class="ace" >
									<span class="lbl">否</span>
								</label>
							</div>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-2 control-label">排序</label>
						<div class="col-sm-10">
							<input name="showIndex" id="modalShowIndex" type="text" class="form-control" value="0"  >
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="submit" class="btn btn-primary">提交更改</button>
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				</div>
			</div><!-- /.modal-content -->
		</form>
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->

















<div class="modal fade" id="addModal" tabindex="-1" role="dialog"
	 aria-labelledby="itemModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<form id="addFrom" name="itemFrom" class="form-horizontal" action="${ctx}/sys/saveDto" method="post">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">×</button>
					<h3 class="modal-title" id="itemModalLabel2"><div>类别</div><input type="hidden" name="classifyId"></h3>
				</div>
				<div class="modal-body">
					<div class="form-group">
						<label class="col-sm-2 control-label">名称</label>
						<div class="col-sm-10">
							<input id="addName" type="text" name="name" class="form-control" placeholder="名称" />
						</div>
					</div>
					<div class="form-group" id="isPublicGroup2">
						<label class="col-sm-2 control-label">是否发布</label>
						<div class="col-sm-10">
							<div class="radio-inline">
								<label>
									<input name="hasPublic" type="radio" value="1" class="ace" checked="checked">
									<span class="lbl">是</span>
								</label>
							</div>
							<div class="radio-inline">
								<label>
									<input name="hasPublic" type="radio" value="0" class="ace" >
									<span class="lbl">否</span>
								</label>
							</div>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-2 control-label">排序</label>
						<div class="col-sm-10">
							<input id="addShowIndex" name="showIndex" type="text" class="form-control" value="0"  >
							<input type="hidden" name="brandId" value="0">
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="submit" class="btn btn-primary">提交更改</button>
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				</div>
			</div><!-- /.modal-content -->
		</form>
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<script js-main="" src="${ctx}/assets/js/require.js"></script>
<script src="${ctxAssets}/js/biz/sysProduct.js"></script>
<%-- <script src="${ctxAssets}/js/lib/jquery/jquery.cookie.js"></script> --%>
</body>
</html>